// 如果要更改主题颜色的话，请更改这里面的对应的颜色


// 主按钮背景颜色
@mixin  btnMain-color() {
    [data-theme="light"] &{
        background-color: rgba(47, 166, 74, 1);
        border:1px solid rgba(47, 166, 74, 1);
    }
    [data-theme="smartBlue"] & {
        background-color:#2a6be8;
        border:1px solid #2a6be8;
    }
}
// 主按钮悬浮颜色
@mixin  btnMain-hovcolor() {
    [data-theme="light"] & {
        background-color: #53b25e!important;
        border:1px solid rgba(47, 166, 74, 1)!important;
    }
    [data-theme="smartBlue"] & {
        background-color: rgba(71,127,234,.9)!important;
        border:1px solid rgba(71,127,234,.9)!important;
    }
}
// 次要按钮颜色
@mixin  btnminor-color() {
    [data-theme="light"] & {
        border: 1px solid #d0d6de;
        color: #5c5c5c;
    }
    [data-theme="smartBlue"] & {
        border: 1px solid #d0d6de;
        color: #5c5c5c;
    }
}
// 次要按钮悬浮颜色
@mixin  btnminor-hovcolor() {
    [data-theme="light"] & {
        border: 1px solid rgba(47, 166, 74, 1)!important;
        color: rgba(47, 166, 74, 1)!important;
        background-color: #ffffff!important;
    }
    [data-theme="smartBlue"] & {
        border: 1px solid rgba(71,127,234,.9)!important;
        color: rgba(71,127,234,.9)!important;
        background-color: #ffffff!important;
    }
}
// 次次要按钮颜色
@mixin  btnSecondary-color() {
    [data-theme="light"] & {
        border: 1px solid rgba(47, 166, 74, 1);
        color: rgba(47, 166, 74, 1);
    }
    [data-theme="smartBlue"] & {
        border: 1px solid #2a6be8;
        color: #2a6be8;
    }
}
// 次次要按钮悬浮颜色
@mixin  btnSecondary-hovcolor() {
    [data-theme="light"] & {
        background-color: rgba(47, 166, 74, 1);
        border: 1px solid rgba(47, 166, 74, 1);
    }
    [data-theme="smartBlue"] & {
        background-color: rgba(71,127,234,.9);
        border: 1px solid rgba(71,127,234,.9);
    }
}
// 报警tabs颜色
@mixin  btnSecondary-tabscolor() {
    [data-theme="light"] & {
        color: rgba(47, 166, 74, 1);
    }
    [data-theme="smartBlue"] & {
        color: #2a6be8;
    }
}
// 报警tabs线条颜色
@mixin  btnSecondary-tabsborder() {
    [data-theme="light"] & {
        background-color: rgba(47, 166, 74, 1);
    }
    [data-theme="smartBlue"] & {
        background-color: #2a6be8;
    }
}
// table表头背景颜色，最新一条报警、概要背景颜色
@mixin  table-background() {
    [data-theme="light"] & {
        background-color: #f3f6f6;
    }
    [data-theme="smartBlue"] & {
        background-color: #f4f5f7;
    }
}
// 文字颜色
@mixin  textColor() {
    [data-theme="light"] & {
        color: rgba(47, 166, 74, 1)!important;
    }
    [data-theme="smartBlue"] & {
        color: #2a6be8!important;
    }
}
// 复选框点击
@mixin  checkbox() {
    [data-theme="light"] & {
        background-color: rgba(47, 166, 74, 1)!important;
        border-color: rgba(47, 166, 74, 1)!important;
    }
    [data-theme="smartBlue"] & {
        background-color: #2a6be8!important;
        border-color: #2a6be8!important;
    }
}
// 复选框悬浮+输入框选中样式
@mixin  checkbox-hover() {
    [data-theme="light"] & {
        border-color: rgba(47, 166, 74, 1);
    }
    [data-theme="smartBlue"] & {
        border-color: #2a6be8;
    }
}
// 复选框线条
@mixin  checkbox-borderCover() {
    [data-theme="light"] & {
        border-color: #DCDFE6;
    }
    [data-theme="smartBlue"] & {
        border-color: #DCDFE6;
    }
}

@mixin  smartTree-color() {
    [data-theme="light"] & {
        background-color: #2E3B4A; 
        // border-right: 1px solid #dbdbdb;
        width: 200px;
    }
    [data-theme="smartBlue"] & {
        background-color: #F7F9FA;
        // border-right: 0px solid #dbdbdb;
        width: 187px;
    }
}
@mixin  smartTree-borderColor() {
    [data-theme="light"] & {
        border: 1px solid rgba(47, 166, 74, 1);
    }
    [data-theme="smartBlue"] & {
        border: 1px solid #2a6be8;
    }
}
@mixin  smartTree-searchColor() {
    [data-theme="light"] & {
        color: #fff;
    }
    [data-theme="smartBlue"] & {
        color: #5B678C;
    }
}
@mixin  searchBorderColor() {
    [data-theme="light"] & {
        border: 1px solid #dcdfe6;
    }
    [data-theme="smartBlue"] & {
        border: 1px solid #E1E1EC;
    }
}
@mixin  only-border-clor {
    [data-theme="light"] & {
        border-color: rgba(47, 166, 74, 1);
    }
    [data-theme="smartBlue"] & {
        border-color: #2a6be8;
    }
}
@mixin  font-color() {
    [data-theme="light"] & {
        color: rgba(47, 166, 74, 1);
    }
    [data-theme="smartBlue"] & {
        color: #2a6be8;
    }
}
@mixin  button-background-color() {
    [data-theme="light"] & {
        background-color: rgba(47, 166, 74, 1);
    }
    [data-theme="smartBlue"] & {
        background-color: #2a6be8;
    }
}
@mixin  button-background-color-hover() {
    [data-theme="light"] & {
        background-color: #53b25e;
    }
    [data-theme="smartBlue"] & {
        background-color: rgba(71,127,234,.9);
    }
}
@mixin  smartTree-textHoverColor() {
    [data-theme="light"] & {
        color: rgba(47, 166, 74, 1);
    }
    [data-theme="smartBlue"] & {
        color: rgba(71,127,234,.9);
    }
}
// 收藏按钮
@mixin  collectionBtn-color() {
    [data-theme="light"] & {
        color: rgba(47, 166, 74, 1);
    }
    [data-theme="smartBlue"] & {
        background-color: transparent;
        color: #5B678C;
    }
}
// 收藏按钮悬浮
@mixin  collectionBtn-hovcolor() {
    [data-theme="light"] &{
        color: rgba(47, 166, 74, 1);
        border: 1px solid rgba(47, 166, 74, 1);
        background-color: #ffffff;
    }
    [data-theme="smartBlue"] & {
        background-color: #ffffff;
        color: #333333;
    }
}
// 弹窗取消主题xuanfu
@mixin  btnminor-hovColor{
    [data-theme="light"] &{
        background-color: #f6f6f6;
    }
    [data-theme="smartBlue"] & {
        background-color: #ecf5ff;
    }
}
// 收藏内容悬浮
@mixin  collection-hovColor{
    [data-theme="light"] & {
        background-color: rgba(101, 203, 113, 0.12);
        color: rgba(47, 166, 74, 1);
    }
    [data-theme="smartBlue"] & {
        // background-color: rgba(24, 134, 219, 0.12);
        color: rgba(71,127,234,.9);
    }
}
// 右侧内容
@mixin  history-color{
    [data-theme="light"] & {
        left: 200px;
    }
    [data-theme="smartBlue"] & {
        left: 187px;
    }
}
// 收藏夹文字颜色
@mixin colle-title{
    [data-theme="light"] & {
        color:#fff;
    }
    [data-theme="smartBlue"] & {
        color: #5B678C;
    }
}
// 删除按钮悬浮颜色
@mixin  btndelet-hovcolor() {
    [data-theme="light"] & {
        border: 1px solid rgba(47, 166, 74, 1);
        color: rgba(47, 166, 74, 1);
        background-color: #ffffff;
    }
    [data-theme="smartBlue"] & {
        border: 1px solid rgba(71,127,234,.9);
        color: rgba(71,127,234,.9);
        background-color: #ffffff;
    }
}
// #f5f7fa
@mixin  smartTree-width() {
    [data-theme="light"] & {
        width: 200px;
    }
    [data-theme="smartBlue"] & {
        width: 187px;
    }
}